<template>
  <ElConfigProvider :locale="zhCn">
    <TopComp />
    <SecondComp />
    <ThirdComp />
  </ElConfigProvider>
</template>

<script setup>
import TopComp from "./components/TopComp/TopComp.vue";
import SecondComp from "./components/SecondComp/SecondComp.vue";
import ThirdComp from "./components/ThirdComp/ThirdComp.vue";

import { ElConfigProvider } from "element-plus";
import zhCn from "element-plus/es/locale/lang/zh-cn";
</script>

<style>
@import "reset-css";
.App {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 1200px;
  height: 400px;
  padding: 20px;
  background: #eee;
}
body {
  padding: 10px;
}
</style>
